<script>
import E2 from "./Main1/E2022.vue";
import E3 from "./Main1/E2023.vue";
import E4 from "./Main1/E2024.vue";

export default {
  name: "Main1-echarts",

  components:{
    E2,
    E3,
    E4,

  },
  data() {
   return{
     value: '2024',
   }


},
methods:{

}

}
</script>

<template>
  <div>
    <div>选择年份</div>
    <el-button @click="value='2022'">2022</el-button>
    <el-button @click="value='2023'">2023</el-button>
    <el-button @click="value='2024'">2024</el-button>
    <div v-if="value=='2022'">

      <E2/>
    </div>
    <div v-if="value=='2023'">

      <E3/>
    </div>
    <div v-if="value=='2024'">

      <E4/>
    </div>


  </div>

</template>

<style scoped>

</style>